<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <style>
    	
    	hr{
    		width: 90%;
    		color: #CECECE;
    	}
    	
    	ul{
    		top: 0px;
    	}
    	
    	ul li{
    		text-align: center;
    		list-style:none;
    	}
    	
    	#return{
    		display: inline;
    	}
    	
    	header{
    		background-color: #23CAD0;
    	}
    	
    	#img{
    		left:50%;
			margin-left:-45px;
    	}
    	
    	header span{
    		margin-left: 25%;
    		list-style:none;
    		color: #FEFFFF;
    		text-align: center;
    		font-size: 35px;
    	}
    	
    	#quanxian{
    		color: #BBBBBB;
    	}
    	
    	/*.img{
    		width: 120px;
    	}*/
    	
    	#xinxi li{
    		margin-left: 0;
    		text-align: left;
    	}
    	
    	#denglu{
    		text-align: center;
    	}
    	
    	#login{
    		color: white;
    		width: 90%;
    		height: 50px;
    		font-size: 25px;
    		background-color: #23CAD0;
    	}
    </style>
</head>
<body>
	<header>
		<a id="return" href="#"><img src="../images/return.png"/></a>
		<span id="wxdl">微信登陆</span>
	</header>
	<div id="body">
		<ul id="img">
			<li><img class="img" src="../images/kangaroo.png"/></li>
			<li><img class="img" src="../images/title.png"/></li>
		</ul>
		<hr />
		<ul id="xinxi">
			<li>网页由该公众号，请确认授权以下信息</li>
			<li><input type="radio" name="authorization" id="radio" value="" /><span id="quanxian">获得你的公开信息(昵称、头像等)</span></li>
		</ul>
		<div id="denglu">
			<input type="button" name="login" id="login" value="确认登录" />
		</div>
	</div>
</body>
</html>